:-moz-loading

Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.

The :-moz-loading CSS pseudo-class is a Mozilla extension that matches elements that can't be displayed because they have not started loading, such as images that haven't started to arrive yet. Note that images that are in the process of loading are not matched by this pseudo-class.

Note: This selector is mainly intended to be used by theme developers.

Syntax

css
:-moz-loading {
  /* ... */
}

Examples

Setting a background for images that are loading

css
:-moz-loading {
  background-color: #aaa;
  background-image: url(loading-animation.gif) center no-repeat;
}

Specifications

Not part of any standard.

See also